<template>
  <div id="app">    
    <router-view></router-view>
    <loading :value="isLoading"></loading>
    <div>字体图标<i class="icon-search"></i></div>
        <div><i class="iconfont">&#xe604;</i></div>
        <div><i class="iconfont">&#58881;</i></div>
        <div><i class="iconfont">&#58883;</i></div>
        <div><i class="iconfont">&#58884;</i></div>
    <!-- <router-view class =" view"></router-view> -->
  </div>
</template>
<script>
import { Loading, ViewBox, XHeader, Tabbar } from 'vux'
import { mapState } from 'vuex'
export default {
  name: 'app',
  components: {
    Loading,
    ViewBox,
    XHeader,
    Tabbar
  },
  mounted() {

  },
  data(){
    return {
      isShow:false
    }
  },
  computed: {
    ...mapState({
      isLoading: state => state.vux.isLoading
    })
  },
  methods: {

  }
}
</script>

<style lang="less">
@import '~vux/src/styles/reset.less';
.iconfont {
  font-family: "iconfont" !important;
  font-size: pxToRem(32px);
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
body {
  background-color: #fbf9fe;
}
#app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
}

@font-face {
    font-family: 'iconfont';
    src: url('./assets/iconfont.eot');
    src: url('./assets/iconfont.eot?#iefix') format('embedded-opentype'),
    url('./assets/iconfont.woff') format('woff'),
    url('./assets/iconfont.ttf') format('truetype'),
    url('./assets/iconfont.svg#iconfont') format('svg');
}
</style>
